@use "design-system";

.terms-of-use-popup {
  &__body-container {
    padding: 0 16px;
    flex: 1;
    overflow: hidden;
    position: relative;
  }

  &__body {
    max-height: 442px;
    flex: 1;
    overflow-y: auto;
  }

  &__footer {
    border-top: 1px solid var(--color-border-muted);
  }

  &__scroll-button-container {
    position: absolute;
    bottom: 8px;
    right: 32px;
    z-index: 201;
  }

  &__scroll-button {
    width: 40px;
    height: 40px;
  }

  @include design-system.screen-sm-min {
    max-height: 750px;
    width: 500px;
  }

  @include design-system.screen-sm-max {
    max-height: 568px;
  }
}
